<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Document</title>
</head>
<script type="text/javascript" src="vue.js" ></script>
<style type="text/css">
	.fade-enter-active, .fade-leave-active {
  transition: opacity .5s
}
.fade-enter, .fade-leave-active {
  opacity: 0
}
</style>
<body>
	<div class="" id="box">
		<input type="text" name="" v-model='msg' />
		<span >
			{{msg}}
		</span>
		<button v-on:click="show = !show">
		    Toggle
	    </button>
	</div>
	<script type="text/javascript">
		new Vue({
			el:'#box',
			data:{
				show: true,
				msg:123,
			}
		});
	</script>
</body>
</html>